// 实现首页的逻辑

/*
    首先要做的就是拿到浏览器中保存的信息
*/

// 实现

// 获取元素
let offBtn = document.querySelector('.off')
let onBtn = document.querySelector('.on')

// 获取浏览器中的token和id
let token = window.localStorage.getItem('token')
let id = window.localStorage.getItem('id')

setIndex()
function setIndex() {
    // 判断 token 和id 是否存在
    // 这里只能判断token和 id是否存在 但是不能保正我的token在有限期内
    if (!token || !id) {
        offBtn.classList.add('active')
        onBtn.classList.remove('active')
        return
    }

    // 发送请求判断我的token是否在有效期内
    let xhr = new XMLHttpRequest()

    xhr.open('GET', `http://localhost:8080/users/info?id=${id}`)

    xhr.onload = function () {
        let res = JSON.parse(xhr.responseText)
        console.log(res);

        if (res.code !== 1) {
            offBtn.classList.add('active')
            onBtn.classList.remove('active')
            return
        }
        // 代码能来到这里说明登录成功
        onBtn.classList.add('active')
        // 显示昵称
        onBtn.firstElementChild.innerText = res.info.nickname
        offBtn.classList.remove('active')

    }

    xhr.setRequestHeader('authorization', token)
    xhr.send()
}



// 退出登录实现
// 获取按钮添加点击事件
let btn = document.querySelector('button')

// 添加点击事件
btn.addEventListener('click', async () => {
    // console.log(111);

    // 首先要发送请求到服务器 告诉服务器让token失效
    let res = await pAjax({
        url: 'http://localhost:8080/users/logout',
        data: { id },
        dataType: 'json'
    })
    console.log(res);

    // 删除浏览器中保存的token 和id
    window.localStorage.removeItem('token')
    window.localStorage.removeItem('id')
    window.location.reload()




})